<template>
  <div id="app" ref="app">
    <div class="main-content">
      <main-menu></main-menu>
      <div class="main-body">
        <div  class="main-body-child">
          <keep-alive>
            <router-view v-if="$route.meta.keepAlive"></router-view>
          </keep-alive>
          <router-view v-if="!$route.meta.keepAlive"></router-view>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import MainMenu from "./components/menu/index.vue";
export default {
  name: "app",
  data(){
    return{
      
    }
  },
  components: {
    MainMenu
  },
  mounted() {

  },
  methods:{

  }
};
</script>

<style>
#app {
  width: 100%;
  height: 100%;
}
</style>
